<?php
$p = \Yii::$app->controller->module->templateAsset."/aiqingduiduipeng/";
?>

 
<style type="text/css">
        body{   
            -webkit-touch-callout: none; 
            -webkit-text-size-adjust: none;
            margin:0 auto;          
            /*overflow:hidden;*/   
            position:relative;          
            background:black;
        }
        div#content{
            position:relative;   
            border:1px solid #000; 
            width:500px;        
            height:800px;
            margin:0 auto; 
            top:0px;    
            overflow:hidden;   
            clear:both;
        }
        #ppT9lwFAC-an-obj-1 {
            position:absolute;
            -webkit-transform: translate3d(0px, 0px, 0px);
            width: 500px;
            height: 815px;
            top:0; left:0;
        }

        #ppT9lwFAC-an-obj-2 {
            position:absolute;
            -webkit-transform: translate3d(-43px, 598px, 0px) scale3d(0.84, 0.84, 1);
            width: 226px;
            height: 253px;
            top:0; left:0;
        }

        #ppT9lwFAC-an-obj-3 {
            position:absolute;
            -webkit-transform: translate3d(304px, 428px, 0px) scale3d(0.87, 0.87, 1);
            width: 219px;
            height: 414px;
            top:0; left:0;
        }

        #ppT9lwFAC-an-obj-4 {
            position:absolute;
            -webkit-transform: translate3d(286px, -70px, 0px) scale3d(0.78, 0.78, 1);
            width: 281px;
            height: 445px;
            top:0; left:0;
			    z-index: 11;
        }

        #ppT9lwFAC-an-obj-5 {
            position:absolute;
            -webkit-transform: translate3d(200px, 351px, 0px);
            width: 300px;
            height: 130px;
            top:0; left:0;
        }

        #ppT9lwFAC-an-obj-6 {
		    z-index: 11;
            position:absolute;
            -webkit-transform: translate3d(-30px, 246px, 0px) scale3d(0.94, 0.94, 1);
            width: 187px;
            height: 442px;
            top:0; left:0;
        }

        #ppT9lwFAC-an-obj-7 {
            position:absolute;
            -webkit-transform: translate3d(245px, 178px, 0px) scale3d(0.11, 0.11, 1);
            width: 250px;
            height: 206px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-7-0 2.8304s 1.6895s infinite linear both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-7-0 {
            0% {
                -webkit-transform: translate3d(245px, 239px, 0px) scale3d(0.11, 0.11, 1);
                opacity: 0;
                -webkit-animation-timing-function:linear;
            }
            19.0051% {
                -webkit-transform: translate3d(245px, 178px, 0px) scale3d(0.11, 0.11, 1);
                opacity: 1;
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(213px, -121px, 0px) scale3d(0.11, 0.11, 1);
                opacity: 1;
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-8 {
            position:absolute;
            -webkit-transform: translate3d(215px, 264px, 0px) scale3d(0.15, 0.15, 1);
            width: 250px;
            height: 206px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-8-0 2.7004s 1.5054s infinite linear both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-8-0 {
            0% {
                -webkit-transform: translate3d(215px, 264px, 0px) scale3d(0.15, 0.15, 1);
                opacity: 0;
                -webkit-animation-timing-function:linear;
            }
            13.5027% {
                -webkit-transform: translate3d(213px, 190px, 0px) scale3d(0.15, 0.15, 1);
                opacity: 1;
                -webkit-animation-timing-function:linear;
            }
            52.0053% {
                -webkit-transform: translate3d(154px, 53px, 0px) scale3d(0.15, 0.15, 1);
                opacity: 1;
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(192px, -132px, 0px) scale3d(0.15, 0.15, 1);
                opacity: 1;
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-9 {
            position:absolute;
            -webkit-transform: translate3d(314px, 231px, 0px) scale3d(0.11, 0.11, 1);
            width: 250px;
            height: 206px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-9-0 2.8303s 1.8953s infinite linear both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-9-0 {
            0% {
                -webkit-transform: translate3d(314px, 292px, 0px) scale3d(0.11, 0.11, 1);
                opacity: 0;
                -webkit-animation-timing-function:linear;
            }
            19.0051% {
                -webkit-transform: translate3d(314px, 231px, 0px) scale3d(0.11, 0.11, 1);
                opacity: 1;
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(308px, -117px, 0px) scale3d(0.11, 0.11, 1);
                opacity: 1;
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-10 {
            position:absolute;
            -webkit-transform: translate3d(272px, 256px, 0px) scale3d(0.54, 0.54, 1);
            width: 250px;
            height: 206px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-10-0 4.7982s 0s infinite linear both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-10-0 {
            0% {
                -webkit-transform: translate3d(272px, 256px, 0px) scale3d(0.162, 0.162, 1);
                opacity: 0;
                -webkit-animation-timing-function:linear;
            }
            90% {
                -webkit-transform: translate3d(272px, 256px, 0px) scale3d(0.81, 0.81, 1);
                opacity: 0.7;
                -webkit-animation-timing-function:ease;
            }
            100% {
                -webkit-transform: translate3d(272px, 256px, 0px) scale3d(0.81, 0.81, 1);
                opacity: 0.7;
                -webkit-animation-timing-function:ease;
            }
        }

        #ppT9lwFAC-an-obj-11 {
            position:absolute;
            -webkit-transform: translate3d(166px, 370px, 0px);
            width: 20px;
            height: 20px;
            top:0; left:0;
        }

        #ppT9lwFAC-an-obj-12 {
            position:absolute;
            -webkit-transform: translate3d(241px, 11px, 0px) scale3d(0.8, 0.8, 1);
            width: 70px;
            height: 44px;
            top:0; left:0;
        }

        #ppT9lwFAC-an-obj-13 {
            position:absolute;
            -webkit-transform: translate3d(199px, -136px, 0px) scale3d(0.52, 0.52, 1);
            width: 150px;
            height: 213px;
            top:0; left:0;
        }

        #eye_1 {
            position:absolute;
            top:34px; left:25px;
            display: none;
            -webkit-transform:rotate(-12deg);
        }
        #eye_2 {
            position:absolute; 
            top:34px; left:25px;
        }

        #ppT9lwFAC-an-obj-14 {
            position:absolute;
            -webkit-transform: translate3d(212px, -76px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-19deg) scale3d(0.44, 0.44, 1);
            width: 57px;
            height: 130px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-14-0 2.4982s 0s infinite linear alternate both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-14-0 {
            0% {
                -webkit-transform: translate3d(200px, -47px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-19deg) scale3d(0.44, 0.44, 1);
                -webkit-transform-origin: 86% 19%;
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(194px, -49px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(20deg) scale3d(0.44, 0.44, 1);
                -webkit-transform-origin: 86% 19%;
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-15 {
            position:absolute;
            -webkit-transform: translate3d(276px, -96px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-8deg) scale3d(0.3, 0.3, 1);
            width: 57px;
            height: 190px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-15-0 2.4982s 0s infinite linear alternate both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-15-0 {
            0% {
                -webkit-transform: translate3d(288px, -65px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-8deg) scale3d(0.3, 0.3, 1);
                -webkit-transform-origin: 23% 22%;
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(292px, -64px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-27deg) scale3d(0.3, 0.3, 1);
                -webkit-transform-origin: 23% 22%;
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-16 {
            position:absolute;
            -webkit-transform: translate3d(157px, 11px, 0px) scale3d(0.8, 0.8, 1);
            width: 70px;
            height: 44px;
            top:0; left:0;
        }

        #ppT9lwFAC-an-obj-17 {
            position:absolute;
            -webkit-transform: translate3d(120px, -126px, 0px) scale3d(0.59, 0.59, 1);
            width: 150px;
            height: 194px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-17-0 2.4982s 0s infinite linear alternate both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-17-0 {
            0% {
                -webkit-transform: translate3d(120px, -126px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-10deg) scale3d(0.59, 0.59, 1);
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(134px, -126px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(6deg) scale3d(0.59, 0.59, 1);
                -webkit-animation-timing-function:linear;
            }
        }
        #eye_3 {
            position:absolute;
            top:40px; left:30px;
            display: none;
            
        }
        #eye_4 {
            position:absolute; 
            top:40px; left:30px;
            -webkit-transform:rotate(15deg);
        }

        #ppT9lwFAC-an-obj-18 {
            position:absolute;
            -webkit-transform: translate3d(127px, -75px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-19deg) scale3d(0.44, 0.44, 1);
            width: 57px;
            height: 130px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-18-0 2.4982s 0s infinite linear alternate both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-18-0 {
            0% {
                -webkit-transform: translate3d(115px, -47px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-19deg) scale3d(0.44, 0.44, 1);
                -webkit-transform-origin: 86% 19%;
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(123px, -56px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(32deg) scale3d(0.44, 0.44, 1);
                -webkit-transform-origin: 86% 19%;
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-19 {
            position:absolute;
            -webkit-transform: translate3d(188px, -92px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-6deg) scale3d(0.3, 0.3, 1);
            width: 57px;
            height: 190px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-19-0 2.4982s 0s infinite linear alternate both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-19-0 {
            0% {
                -webkit-transform: translate3d(204px, -59px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-6deg) scale3d(0.3, 0.3, 1);
                -webkit-transform-origin: 23% 22%;
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(216px, -52px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-3deg) scale3d(0.3, 0.3, 1);
                -webkit-transform-origin: 23% 22%;
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-20 {
            position:absolute;
            -webkit-transform: translate3d(193px, 349px, 0px) scale3d(0.16, 0.16, 1);
            width: 82px;
            height: 100px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-20-0 4.0361s 0s infinite linear both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-20-0 {
            0% {
                -webkit-transform: translate3d(193px, 349px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            24.9553% {
                -webkit-transform: translate3d(153px, 446px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(22deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            62.0751% {
                -webkit-transform: translate3d(213px, 574px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-24deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(213px, 771px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(49deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-21 {
            position:absolute;
            -webkit-transform: translate3d(193px, 349px, 0px) scale3d(0.16, 0.16, 1);
            width: 82px;
            height: 100px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-21-0 4.0361s 1.7599s infinite linear both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-21-0 {
            0% {
                -webkit-transform: translate3d(159px, 338px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            24.9553% {
                -webkit-transform: translate3d(144px, 454px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(22deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            62.0751% {
                -webkit-transform: translate3d(154px, 574px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-24deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(152px, 771px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(49deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-22 {
            position:absolute;
            -webkit-transform: translate3d(193px, 349px, 0px) scale3d(0.16, 0.16, 1);
            width: 82px;
            height: 100px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-22-0 4.0361s 0.76s infinite linear both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-22-0 {
            0% {
                -webkit-transform: translate3d(265px, 401px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-67deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            24.9553% {
                -webkit-transform: translate3d(287px, 504px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(22deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            62.0751% {
                -webkit-transform: translate3d(281px, 620px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-24deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(301px, 772px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(49deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
        }

        #ppT9lwFAC-an-obj-23 {
            position:absolute;
            -webkit-transform: translate3d(193px, 349px, 0px) scale3d(0.16, 0.16, 1);
            width: 82px;
            height: 100px;
            top:0; left:0;
            -webkit-animation: ani-ppT9lwFAC-an-obj-23-0 4.0361s 2.8177s infinite linear both ;
        }

        @-webkit-keyframes ani-ppT9lwFAC-an-obj-23-0 {
            0% {
                -webkit-transform: translate3d(222px, 403px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-67deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            27.8141% {
                -webkit-transform: translate3d(237px, 511px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(22deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            62.0751% {
                -webkit-transform: translate3d(231px, 630px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(-24deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
            100% {
                -webkit-transform: translate3d(251px, 776px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(49deg) scale3d(0.16, 0.16, 1);
                -webkit-animation-timing-function:linear;
            }
        }


        </style>
       <style type="text/css">
       *
    {
        padding: 0px;
        margin: 0px;
        -webkit-box-sizing: border-box;
    }

    body
    {
        background-color: black;
        margin: 0px;
        padding: 0px;
    }

    @-webkit-keyframes img_div_ani_0
    {
        0%{background-color:rgba(255,0,0,0.8);}
        14.14%{background-color:rgba(255,128,0,0.8)} 
        28.28%{background-color:rgba(255,255,0,0.8)} 
        42.41%{background-color:rgba(0,255,0,0.8)} 
        56.56%{background-color:rgba(0,255,255,0.8)} 
        70.7%{background-color:rgba(0,0,255,0.8)} 
        84.84%{background-color:rgba(128,0,255,0.8)} 
        100%{background-color:rgba(255,0,0,0.8)}
    }
    
/*    #img_div_0
    {
        position: absolute;
        -webkit-border-radius: 230px;
        width: 460px;
        height: 460px;
        background-color: white;

        -webkit-animation: img_div_ani_0 10s linear infinite;
    }*/

    .div_box
    {
        position: absolute;
        -webkit-border-radius: 230px;
        width: 460px;
        height: 460px;
        z-index: 1;
        background-color: white;
        overflow: hidden;
        /*border: 5px solid #ffffff;*/
        /*bor*/
        /*-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px,-2000px, 0);*/
        

    }

    #div_box_0
    {
        top: 120px;
        left: 20px;
        /*-webkit-animation: aa_zoom_0 5s linear infinite;*/
    }

    #div_box_1
    {
        top: 120px;
        left: 20px;
        /*-webkit-animation: aa_zoom_1 5s linear infinite;*/
    }

    #content_2
    {
        top: 100px;
        left: 20px;
    }
    @-webkit-keyframes div_box_ani_0
    {
        0%   {-webkit-transform: translate(-200px,0px) scale(0.15,0.15);}
        20%  {-webkit-transform: translate(-230px,-250px) scale(0.15,0.15);}
        40%  {-webkit-transform: translate(-60px,-500px) scale(1,1)}
        60%  {-webkit-transform: translate(110px,-500px)}
        80%  {-webkit-transform: translate(-80px,-700px);}
        100%  {-webkit-transform: translate(80px,-900px);}
    }

    @-webkit-keyframes aa_in_zoom_left
    {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

    @-webkit-keyframes aa_zoom_0
    {
        0% {
            -webkit-transform: scale(.1,.1) translate(-1000px, 0);
            opacity: 1;
            /*-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);*/
        }
        15% {
            -webkit-transform: scale(.1,.1) translate(10px, 0);
            /*-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);*/
        }
        22.5% {
            -webkit-transform:scale(.9,.9) translate(0px,0px);
        }
        35% {
            -webkit-transform:scale(1,1) translate(0px,0px);
        }
/*        55% {
            -webkit-transform:scale3d(1,1,1) translate(0px,0px);
        }*/
        44% {
            -webkit-transform: scale(.1, .1) translate(42px, 0);
         }
        50% {
            -webkit-transform: scale(.1,.1) translate(-2000px, 0);
            opacity: 1;
            /*-webkit-transform-origin: left center;*/
          }
        51% 
        {
            opacity: 0;
        }
        100% 
        {
            opacity: 0;
        }
    }

    @-webkit-keyframes aa_zoom_1
    {
        0% {
            -webkit-transform: scale(.1, .1) translate(1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            opacity: 1

        }
        17% {
            -webkit-transform: scale(.1, .1) translate(-10px, 0);
            /*-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);*/
        }
        22.5% {
            -webkit-transform:scale(.9,.9) translate(0px,0px);
        }
        35% {
            -webkit-transform:scale(1,1) translate(0px,0px);
        }
/*        55% {
            -webkit-transform:scale(1,1,1) translate(0px,0px);
        }*/
        44% {
            -webkit-transform: scale(.1,.1) translate(-42px, 0);
         }
        50% {
            -webkit-transform: scale(.1,.1) translate(2000px, 0);
            opacity: 1;
            /*-webkit-transform-origin: left center;*/
          }
        51% {opacity: 0}
        100%{opacity: 0}
    }


    @-webkit-keyframes con_0
    {
        0%{-webkit-transform:translate(0px,0px);-webkit-animation-timing-function: ease-in-out;opacity: 1}
        30%{-webkit-transform:translate(0px,-530px);-webkit-animation-timing-function: ease-in-out;opacity: 1}
/*      55%{-webkit-transform:translate(0px,-400px);-webkit-animation-timing-function: ease-in-out;}*/
        50%{-webkit-transform:translate(0px,-900px);-webkit-animation-timing-function: ease-in-out;opacity: 1}
        51%{opacity: 0}
        100%{opacity: 0}
    }

    @-webkit-keyframes aa_zoom_up
    {
        0% {
            opacity: 0;
            -webkit-transform: translate(0px,450px) scale(.1, .1);
            /*-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);*/
        }

        20% {
            opacity: 1;
            -webkit-transform: translate(0px,450px) scale(0.1,0.1);
            /*-webkit-animation-timing-function: ease-in-out;*/
        }

        25% {
            -webkit-transform: translate(0px,0px) scale(.4,.4);
        }

        27% {
            -webkit-transform: translate(0px,-30px) scale(1,1) rotate(5deg);
        }
        42% {
            -webkit-transform: translate(0px,-70px) scale(1,1);
        }

        47% {
            opacity: 1;
            -webkit-transform: translate(0px,-200px) scale(0.1,0.1);
            /*-webkit-animation-timing-function: ease-in-out;*/
        }

        50% {
            opacity: 0;
            -webkit-transform: translate(0px,-500px) scale(0.1,0.1);
/*            -webkit-transform-origin: center bottom;*/
            /*-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);*/
        }
        100%
        {
            opacity: 0;
        }
    }

    @-webkit-keyframes aa_zoom_up
    {
        0% {
            opacity: 0;
            -webkit-transform: translate(0px,450px) scale(.1, .1);
            /*-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);*/
        }

        20% {
            opacity: 1;
            -webkit-transform: translate(0px,450px) scale(0.1,0.1);
            /*-webkit-animation-timing-function: ease-in-out;*/
        }

        25% {
            -webkit-transform: translate(0px,0px) scale(.4,.4);
        }

        27% {
            -webkit-transform: translate(0px,-30px) scale(1,1) rotate(10deg);
        }
        42% {
            -webkit-transform: translate(0px,-70px) scale(1,1);
        }

        47% {
            opacity: 1;
            -webkit-transform: translate(0px,-200px) scale(0.1,0.1);
            /*-webkit-animation-timing-function: ease-in-out;*/
        }

        50% {
            opacity: 0;
            -webkit-transform: translate(0px,-500px) scale(0.1,0.1);
/*            -webkit-transform-origin: center bottom;*/
            /*-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);*/
        }
        100%
        {
            opacity: 0;
        }
    }
    @-webkit-keyframes aa_zoom_up1
    {
        0% {
            opacity: 0;
            -webkit-transform: translate(0px,450px) scale(.1, .1);
            /*-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);*/
        }

        20% {
            opacity: 1;
            -webkit-transform: translate(0px,450px) scale(0.1,0.1);
            /*-webkit-animation-timing-function: ease-in-out;*/
        }

        25% {
            -webkit-transform: translate(0px,0px) scale(.4,.4);
        }

        27% {
            -webkit-transform: translate(0px,-30px) scale(1,1) rotate(-10deg);
        }
        42% {
            -webkit-transform: translate(0px,-70px) scale(1,1);
        }

        47% {
            opacity: 1;
            -webkit-transform: translate(0px,-200px) scale(0.1,0.1);
            /*-webkit-animation-timing-function: ease-in-out;*/
        }

        50% {
            opacity: 0;
            -webkit-transform: translate(0px,-500px) scale(0.1,0.1);
/*            -webkit-transform-origin: center bottom;*/
            /*-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);*/
        }
        100%
        {
            opacity: 0;
        }
    }
    #content_0, #content_1, #div_box_2
    {
        position: absolute;
        display: none;
        z-index: 5;
/*        -webkit-border-radius: 230px;*/
    }

    #content_0
    {
        top: 500px;
        /*-webkit-animation: con_0 10s linear infinite;*/
    }

    #content_1
    {
        top: 500px;
        /*-webkit-animation:con_0 10s linear infinite;*/
    }

    #div_box_2
    {
        /*-webkit-animation:aa_zoom_up 10s linear infinite;*/
        top: 100px;
        left: 20px;
    }

    @-webkit-keyframes test
    {
        from{-webkit-transform: translate(0px,0px);}
        to{-webkit-transform:translate(0px,-900px);}
    }

    @-webkit-keyframes scale1
    {
        from{-webkit-transform: scale(0.1,0.1);}
        to{-webkit-transform:scale(3,3);}
    }

    @-webkit-keyframes paopao1
    {
        0%   {-webkit-transform: translate(0px,0px) scale(.15,.15);-webkit-timing-function:linear;}
        25%  {-webkit-transform: translate(122px,-314px) scale(.3,.3);-webkit-timing-function:linear;}
        50%  {-webkit-transform: translate(0px,-586px) scale(.9,.9);-webkit-timing-function:linear}
        57%  {-webkit-transform: translate(0px,-586px) scale(1,1);-webkit-timing-function:linear}
        81.5%{-webkit-transform: translate(142px,-800px) scale(.2,.2);-webkit-timing-function:linear}
        100% {-webkit-transform: translate(34px,-964px) scale(.2,.2);-webkit-timing-function:linear}
    }
    @-webkit-keyframes paopao2
    {
        0%  {-webkit-transform: translate(-100px,0px) scale(.2,.2);opacity: 0;-webkit-animation-timing-function:ease;}
        15% {-webkit-transform: translate(30px,-500px) scale(.9,.9);-webkit-animation-timing-function:linear;opacity: 1}

        20% {-webkit-transform: translate(31px,-512px) scale(.9,.92);opacity: 1;-webkit-animation-timing-function:linear;}
        25% {-webkit-transform: translate(32px,-524px) scale(.92,.9);opacity: 1;-webkit-animation-timing-function:linear;}
        30% {-webkit-transform: translate(31px,-537px) scale(.9,.92);opacity: 1;-webkit-animation-timing-function:linear;}


        
        /*30% {-webkit-transform: translate(0px,-600px) scale(.9,.9);}*/
        35% {-webkit-transform: translate(30px,-550px) scale(.9,.9);-webkit-animation-timing-function:ease;opacity: 1}
        50% {-webkit-transform: translate(-100px,-1000px) scale(.2,.2);opacity: 0;}
        51% {-webkit-transform: translate(0px,-1000px) scale(.8,.8);opacity: 0;}
        100% {-webkit-transform: translate(0px,-1000px) scale(.8,.8);opacity: 0;}
    }


    @-webkit-keyframes paopao2
    {
        0%  {-webkit-transform: translate(-100px,0px) scale(.2,.2);opacity: 0;-webkit-animation-timing-function:ease;}
        15% {-webkit-transform: translate(30px,-580px) scale(.9,.9);-webkit-animation-timing-function:linear;opacity: 1}

        20% {-webkit-transform: translate(31px,-605px) scale(.9,.92);opacity: 1;-webkit-animation-timing-function:linear;}
        25% {-webkit-transform: translate(32px,-630px) scale(.92,.9);opacity: 1;-webkit-animation-timing-function:linear;}
        30% {-webkit-transform: translate(31px,-655px) scale(.9,.92);opacity: 1;-webkit-animation-timing-function:linear;}


        
        /*30% {-webkit-transform: translate(0px,-600px) scale(.9,.9);}*/
        35% {-webkit-transform: translate(30px,-680px) scale(.9,.9);-webkit-animation-timing-function:ease;opacity: 1}
        45% {-webkit-transform: translate(-100px,-1000px) scale(.2,.2);opacity: 0;}
        51% {-webkit-transform: translate(0px,-1000px) scale(.8,.8);opacity: 0;}
        100% {-webkit-transform: translate(0px,-1000px) scale(.8,.8);opacity: 0;}
    }

    @-webkit-keyframes paopao3
    {
        0%  {-webkit-transform: translate(0px,0px) scale(.2,.2);opacity: 0;-webkit-animation-timing-function:ease;}
        15% {-webkit-transform: translate(-180px,-580px) scale(.8,.8);-webkit-animation-timing-function:linear;opacity: 1}

        20% {-webkit-transform: translate(-181px,-605px) scale(.8,.82);opacity: 1;-webkit-animation-timing-function:linear;}
        25% {-webkit-transform: translate(-182px,-630px) scale(.82,.8);opacity: 1;-webkit-animation-timing-function:linear;}
        30% {-webkit-transform: translate(-181px,-655px) scale(.8,.82);opacity: 1;-webkit-animation-timing-function:linear;}


        
        /*30% {-webkit-transform: translate(0px,-600px) scale(.8,.8);}*/
        35% {-webkit-transform: translate(-180px,-680px) scale(.8,.8);-webkit-animation-timing-function:ease;opacity: 1}
        45% {-webkit-transform: translate(0px,-1000px) scale(.2,.2);opacity: 0;}
        51% {-webkit-transform: translate(0px,-1000px) scale(.8,.8);opacity: 0;}
        100% {-webkit-transform: translate(0px,-1000px) scale(.8,.8);opacity: 0;}
    }

    .img_box
    {
        position: absolute;
        width: 460px;
        height: 460px;
        border-radius: 230px;

        z-index: 10;
        
        overflow: hidden;
    }
    #img_0,#img_1,#img_2
    {
        top: 150px;
        left: 20px;
        /*-webkit-animation: aa_zoom_up 10s linear infinite;*/
        opacity: 0
    }

    @-webkit-keyframes in_fadeup
    {
        from  {opacity: 0;-webkit-transform: translate(0px,30px);}
        to    {opacity: 1;-webkit-transform: translate(0px,0px);}
    }
    @-webkit-keyframes out_fadeup
    {
        from  {opacity: 1;-webkit-transform: translate(0px,0px);}
        to    {opacity: 0;-webkit-transform: translate(0px,-30px);}
    }
</style>
 
        <script>
        function eyeOpen()
        {
            var p = setInterval(function()
            {
                objid('eye_2').style.display = 'none';
                objid('eye_1').style.display = 'block';
                objid('eye_4').style.display = 'none';
                objid('eye_3').style.display = 'block';
            setTimeout(function()
            {
                objid('eye_1').style.display = 'none';
                objid('eye_2').style.display = 'block';
                objid('eye_3').style.display = 'none';
                objid('eye_4').style.display = 'block';
            },3000);
            },5000);
            
        }
        function run()
        {
            create_base();
            read_base();
            setTimeout(create_textdiv,500);
            add_kawa_icon();
            create_music();
            create_modify();
            eyeOpen();
        }
        </script>

  <div id='content' style='position:absolute;width:500px;height:815px;overflow:hidden'>
        <div id="ppT9lwFAC-an-obj-1"><img  height="815" width="500"  src="<?=$p?>images/TB22ZIDtFXXXXcDXXXXXXXXXXXX_!!1016194477.jpg"></div>
        <div id="ppT9lwFAC-an-obj-2"></div>
        <div id="ppT9lwFAC-an-obj-3"></div>
        <div id="ppT9lwFAC-an-obj-4"></div>
        <div id="ppT9lwFAC-an-obj-5"><img  height="130" width="300"  src="<?=$p?>images/TB2G_2bqXXXXXa8XpXXXXXXXXXX_!!1016194477.png"></div>
        <div id="ppT9lwFAC-an-obj-6"></div>
        <div id="ppT9lwFAC-an-obj-7"><img  height="206" width="250"  src="<?=$p?>images/TB2iO_GqXXXXXXFXXXXXXXXXXXX_!!1016194477.png"></div>
        <div id="ppT9lwFAC-an-obj-8"><img  height="206" width="250"  src="<?=$p?>images/TB2iO_GqXXXXXXFXXXXXXXXXXXX_!!1016194477.png"></div>
        <div id="ppT9lwFAC-an-obj-9"><img  height="206" width="250"  src="<?=$p?>images/TB2iO_GqXXXXXXFXXXXXXXXXXXX_!!1016194477.png"></div>
        <div id="ppT9lwFAC-an-obj-10"><img  height="206" width="250"  src="<?=$p?>images/TB2iO_GqXXXXXXFXXXXXXXXXXXX_!!1016194477.png"></div>
        <div id="ppT9lwFAC-an-obj-11">
            <div id="ppT9lwFAC-an-obj-12"><img  height="44" width="70"  src="<?=$p?>images/TB22ozkqXXXXXczXXXXXXXXXXXX_!!1016194477.png"></div>
            <div id="ppT9lwFAC-an-obj-13">
                <img  height="213" width="150"  src="<?=$p?>images/TB2fSDsqXXXXXbXXXXXXXXXXXXX_!!1016194477.png">
                <img id='eye_1'width='100' src="<?=$p?>images/TB2zuLJqXXXXXXpXXXXXXXXXXXX_!!1016194477.png">
                <img id='eye_2' width='100' src="<?=$p?>images/TB2s2YBqXXXXXX7XXXXXXXXXXXX_!!1016194477.png">
            </div>
            <div id="ppT9lwFAC-an-obj-14"><img  height="130" width="57"  src="<?=$p?>images/TB2QzaVqXXXXXa7XFXXXXXXXXXX_!!1016194477.png"></div>
            <div id="ppT9lwFAC-an-obj-15"><img  height="190" width="57"  src="<?=$p?>images/TB2Z8ToqXXXXXbWXXXXXXXXXXXX_!!1016194477.png"></div>
            <div id="ppT9lwFAC-an-obj-16"><img  height="44" width="70"  src="<?=$p?>images/TB22ozkqXXXXXczXXXXXXXXXXXX_!!1016194477.png"></div>
            <div id="ppT9lwFAC-an-obj-17">
                <img  height="194" width="150"  src="<?=$p?>images/TB2hSK9qXXXXXcPXpXXXXXXXXXX_!!1016194477.png">
                <img id='eye_3'width='93' src="<?=$p?>images/TB2zuLJqXXXXXXpXXXXXXXXXXXX_!!1016194477.png">
                <img id='eye_4' width='93' src="<?=$p?>images/TB2s2YBqXXXXXX7XXXXXXXXXXXX_!!1016194477.png">
            </div>
            <div id="ppT9lwFAC-an-obj-18"><img  height="130" width="57"  src="<?=$p?>images/TB2QzaVqXXXXXa7XFXXXXXXXXXX_!!1016194477.png"></div>
            <div id="ppT9lwFAC-an-obj-19"><img  height="190" width="57"  src="<?=$p?>images/TB2Z8ToqXXXXXbWXXXXXXXXXXXX_!!1016194477.png"></div>
        </div>
        <div id="ppT9lwFAC-an-obj-20"><img  height="100" width="82"  src="<?=$p?>images/TB2r26DqXXXXXadXXXXXXXXXXXX_!!1016194477.png"></div>
        <div id="ppT9lwFAC-an-obj-21"><img  height="100" width="82"  src="<?=$p?>images/TB2r26DqXXXXXadXXXXXXXXXXXX_!!1016194477.png"></div>
        <div id="ppT9lwFAC-an-obj-22"><img  height="100" width="82"  src="<?=$p?>images/TB2r26DqXXXXXadXXXXXXXXXXXX_!!1016194477.png"></div>
        <div id="ppT9lwFAC-an-obj-23"><img  height="100" width="82"  src="<?=$p?>images/TB2r26DqXXXXXadXXXXXXXXXXXX_!!1016194477.png"></div>
   </div>


<div style='position:absolute;width:500px;height:800px;top:0px;overflow:hidden;'>
    <div id='img_0' class='img_box'>
	<img src="<?=$p?>images/200014.png" style="width:100%;visibility: visible; position: absolute; left: 0px; top: 0px;">
    </div>

    <div id='img_1' class='img_box'>
	<img src="<?=$p?>images/200014.png" style="width:100%;visibility: visible; position: absolute; left: 0px; top: 0px;">
    </div>

    <div id='img_2' class='img_box'>
	<img src="<?=$p?>images/200014.png"  style="width:100%;visibility: visible; position: absolute; left: 0px; top: 0px;">
    </div>

    <div id='pagetitle' style='position:absolute;width:410px;height:200px;top:338px;left:45px;font-size:40px;color:#fff;overflow:hidden;color:fff;z-index:10'>
        <div style='position:absolute;width:410px;height:200px;top:0px;left:0px;overflow:hidden;'>
            <div style='position:absolute;width:410px;height:200px;display:table;overflow:hidden;'>
                <div id='titlecontent' style='width:410px;height:200px;vertical-align:middle;display:table-cell;text-align:center;font-size:35px;line-height:70px;'></div>
            </div>
        </div>
    </div>

</div>


</div>


</div>





<script>
    var num = 10;
    var radius = 10;
    var myheight = 800;
    var mywidth = 500;
    var con;
    var style_bool = true;

    function bubble_init() {

        con = document.createElement('div');
        con.style.height = myheight + 'px';
        con.style.width = mywidth + 'px';
        con.style.position = 'absolute';
        con.style.overflow = 'hidden';
        con.style.top = '0px';
        con.style.backgroundImage = 'url()';//'-webkit-radial-gradient(center,rgb(50,50,101) 0%, rgb(4,4,8) 100%)';
        document.body.style.margin = '0px';
        document.body.appendChild(con);
        createbubble();

    }
   

    function createbubble() {
        
        for (var j = 0; j < num; j++) {
            for (var i = 0; i < 2; i++) {
                var mydiv = document.createElement('div');
                mydiv.style.position = 'absolute';
                mydiv.style.top = rand(myheight, myheight + 200) + 'px';
                mydiv.style.left = rand(0, mywidth) + 'px';
                mydiv.style.width = '2px';
                mydiv.style.height = '2px';
                mydiv.style.webkitBorderRadius = '1px';
                mydiv.style.webkitAnimation = 'changecolor' + rand(10, 15) + ' ' + rand(8, 12) + 's ' + j + 's linear infinite';

                con.appendChild(mydiv);
            }
            for (var i = 0; i < 2; i++) {
                var rand_radius = rand(48, 60)
                var mydiv = document.createElement('div');
                mydiv.style.position = 'absolute';
                mydiv.style.top = rand(myheight, myheight + 200) + 'px';
                mydiv.style.left = rand(0, mywidth) + 'px';

                mydiv.style.width = rand_radius + 'px';
                mydiv.style.height = rand_radius + 'px';
                mydiv.style.webkitBorderRadius = rand_radius / 2 + 'px';

                mydiv.style.webkitAnimation = 'changecolor' + rand(0, 9) + ' ' + rand(8, 12) + 's ' + j + 's linear infinite';

                con.appendChild(mydiv);
            }
        }
    }

    function rand(min, max) {
        return min + Math.floor(Math.random() * (max - min + 1));
    }

    function id(name) {
        return document.getElementById(name);
    }


    var imgs_width = [];
    var imgs_height = [];


    var img_url_index = 0;
    var have_num = 0;
    var error_num = 0;

    var Onload_img = new Array();
    var canshow = true;

    var timeout1;
    var timeout2;
    var timeout3;
    var timeout4;
    var timeout5;


    var reshow = false;
    var delaytime = 4000;

    function reset_all() {
        id('img_0').style.webkitAnimation = '';
        id('img_1').style.webkitAnimation = '';
        id('img_2').style.webkitAnimation = '';
        id('titlecontent').innerHTML = '';
        id('pagetitle').style.webkitAnimation = '';
        clearTimeout(timeout1);
        clearTimeout(timeout2);
        clearTimeout(timeout3);
        clearTimeout(timeout4);
        clearTimeout(timeout5);

        imgs_width = [];
        imgs_height = [];

        begin_titletime = new Date();
        begin_titletime = begin_titletime.getTime();
        showtitle();

        img_url_index = 0;
        have_num = 0;
        error_num = 0;


        Onload_img = [];
        canshow = true;

        reshow = false;
        for (var i = 0; i < slider_images_url.length; i++) {
            var img = new Image();
            img.index = i;
            img.src = slider_images_url[i];
            Onload_img[i] = 'loading';
            img.onload = bubble_onload;
            img.onerror = img_onerror;

        }
    }

    function bubble_loadimage() {
        bubble_init();

        img_url_index = 0;
        have_num = 0;
        error_num = 0;

        begin_titletime = new Date();
        begin_titletime = begin_titletime.getTime();
        showtitle();

        for (var i = 0; i < slider_images_url.length; i++) {
            var img = new Image();
            img.index = i;
            img.src = slider_images_url[i];
            Onload_img[i] = 'loading';
            img.onload = bubble_onload;
            img.onerror = img_onerror;

        }
    }
    function img_onerror(event) {
        if (reshow == true)
            return;
        var img = event.target;
        var index = img.index;

        if (index < 10)
            error_num++;

        if ((have_num + error_num == slider_images_url.length || have_num + error_num >= 10) && canshow == true) {
            reshow = false;
            canshow = false;
            if (have_num == 0)
                return;

            var end_titletime = new Date();
            end_titletime = end_titletime.getTime();
            var dis_titletime = Math.abs(end_titletime - begin_titletime);
            if (dis_titletime > delaytime) {
                distitle();
            }
            else {
                dis_titletime = delaytime - dis_titletime;
                timeout0 = setTimeout(function () {
                    distitle();
                }, dis_titletime);
            }
        }
    }
    function showtitle() {
        id('titlecontent').innerHTML = desc;
        id('pagetitle').style.webkitAnimation = 'in_fadeup 1s linear both';
    }
    function distitle() {
        id('pagetitle').style.webkitAnimation = 'out_fadeup 1s linear both';
        begin_show_0();
    }
    function bubble_onload(event) {
        if (reshow == true)
            return;

        var img = event.target;
        var index = img.index;

        if (index < 18) {
            have_num++;
        }
        Onload_img[index] = img.src;
        imgs_width[index] = img.width;
        imgs_height[index] = img.height;

        if ((have_num + error_num == slider_images_url.length || have_num + error_num >= 10) && canshow == true) {
            reshow = false;
            canshow = false;
            if (have_num == 0)
                return;

            var end_titletime = new Date();
            end_titletime = end_titletime.getTime();
            var dis_titletime = Math.abs(end_titletime - begin_titletime);
            if (dis_titletime > delaytime) {
                distitle();
            }
            else {
                dis_titletime = delaytime - dis_titletime;
                timeout0 = setTimeout(function () {
                    distitle();
                }, dis_titletime);
            }
        }

    }

    function begin_show_0() {
        if (reshow == true)
            return;

        if (img_url_index == Onload_img.length)
            img_url_index = 0;

        cut_image(0);
        img_url_index++;

        if (style_bool) {
            style_bool = false;
            id('img_0').style.webkitAnimation = 'aa_zoom_up 12s linear forwards';
        }
        else {
            style_bool = true;
            id('img_0').style.webkitAnimation = 'aa_zoom_up1 12s linear forwards';
        }

        timeout1 = setTimeout(begin_show_1, 3000)
    }

    function begin_show_1() {
        if (reshow == true)
            return;
        if (img_url_index == Onload_img.length)
            img_url_index = 0;

        cut_image(1);
        img_url_index++;

        if (style_bool) {
            style_bool = false;
            id('img_1').style.webkitAnimation = 'aa_zoom_up 12s linear forwards';
        }
        else {
            style_bool = true;
            id('img_1').style.webkitAnimation = 'aa_zoom_up1 12s linear forwards';
        }

        timeout2 = setTimeout(begin_show_2, 3000);
    }

    function begin_show_2() {
        if (reshow == true)
            return;
        if (img_url_index == Onload_img.length)
            img_url_index = 0;

        cut_image(2);
        img_url_index++;


        if (style_bool) {
            style_bool = false;
            id('img_2').style.webkitAnimation = 'aa_zoom_up 12s linear forwards';
        }
        else {
            style_bool = true;
            id('img_2').style.webkitAnimation = 'aa_zoom_up1 12s linear forwards';
        }
        id('img_0').style.webkitAnimation = ''

        timeout3 = setTimeout(begin_show_3, 3000);
    }

    function begin_show_3() {
        if (reshow == true)
            return;
        if (img_url_index == Onload_img.length)
            img_url_index = 0;

        cut_image(0);
        img_url_index++;

        if (style_bool) {
            style_bool = false;
            id('img_0').style.webkitAnimation = 'aa_zoom_up 12s linear forwards';
        }
        else {
            style_bool = true;
            id('img_0').style.webkitAnimation = 'aa_zoom_up1 12s linear forwards';
        }
        id('img_1').style.webkitAnimation = '';

        timeout4 = setTimeout(begin_show_4, 3000)
    }

    function begin_show_4() {
        if (reshow == true)
            return;
        if (img_url_index == Onload_img.length)
            img_url_index = 0;

        cut_image(1);
        img_url_index++;

        if (style_bool) {
            style_bool = false;
            id('img_1').style.webkitAnimation = 'aa_zoom_up 12s linear forwards';
        }
        else {
            style_bool = true;
            id('img_1').style.webkitAnimation = 'aa_zoom_up1 12s linear forwards';
        }
        id('img_2').style.webkitAnimation = '';

        timeout5 = setTimeout(begin_show_2, 3000);
    }

    function cut_image(num) {
        if (reshow == true)
            return;
        while (Onload_img[img_url_index] == 'not find' || Onload_img[img_url_index] == 'loading') {
            console.log(Onload_img[img_url_index]);
            img_url_index++;
            if (img_url_index == Onload_img.length)
                img_url_index = 0;
        }
        var img_width = imgs_width[img_url_index];
        var img_height = imgs_height[img_url_index];
        var img_bili = img_width / img_height;

        var myimg = id('img_' + num)

        myimg.style.backgroundImage = "url(" + Onload_img[img_url_index] + ")";
        console.log(myimg.style.backgroundImage);

        if (img_bili >= 1) {

            myimg.style.backgroundSize = (460 * img_bili) + "px " + 460 + "px";
            myimg.style.backgroundPosition = '-' + ((460 * img_bili - 460) / 2) + "px " + 0 + "px";

        }
        else {

            myimg.style.backgroundSize = 460 + "px " + (460 / img_bili) + "px";
            myimg.style.backgroundPosition = 0 + "px " + '-' + ((460 / img_bili - 460) / 2) + "px";

        }

    }
    call_me(bubble_loadimage);

    function reload_scene() {
        reshow = true;
        reset_all();
    }

</script>
